Skip to content

Conversation

@yashrajd
Copy link
Contributor

@yashrajd yashrajd commented Jan 21, 2026

The 2026 impact initiatives on Projects page are great, but also make it a lengthy page. Just finding out 1) how many initiatives there are, 2) and learning their titles requires the user to scroll through almost the entire page.

This likely means that many/most readers won't do it. As a result, many readers might not find out about all the initiatives, especially lower in the list, and potentially miss out on ones that might interest them.

This PR proposes a small but nifty UX update to the Projects page:

  • add the list of initiative titles below the intro text of the page ( 2 columns for desktop, 1 column for mobile)
  • use this list as a TOC of sorts, with titles as anchors that take the user to the initiative details once they click/tap on the relevant cell, with smooth scrolling

Keeping this in draft for now, especially in case I got the git branch stuff wrong. Please take a look

🔎Preview🔍

Remove unused project_name_18.svg, project_name_19.svg, project_name_20.svg, and project_name_21.svg
…y_22.svg

Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg
…18 to project_name_privacy_22.svg

Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg
Restore original image reference for id 3 to align with assets
Adds an 18-item TOC with thumbnails + anchors to each initiative, and CSS-based smooth scrolling scoped to the Projects page; keeps existing styling.
TOC items show two-digit project-id (initiative number) before titles; title breaks to the next line; styling unchanged.
@netlify
Copy link

netlify bot commented Jan 21, 2026

Deploy Preview for bitcoin-design-site ready!

Name Link
🔨 Latest commit c3b5c5c
🔍 Latest deploy log https://app.netlify.com/projects/bitcoin-design-site/deploys/6970f05e8bf5b600080bd56b
😎 Deploy Preview https://deploy-preview-1213--bitcoin-design-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@bazzle
Copy link

bazzle commented Jan 22, 2026

LGTM
Maybe include smooth scroll? some may argue superficial, but might help users keep a sense of where they are on the page.
A back to top button would help this page also, appreciate that would be site-wide so maybe outside the scope of this PR.

@matbalez
Copy link
Contributor

i personally don't like adding these up top since it makes it longer to scroll to the actual content, and IMO it's not that hard to scroll the page quickly to see see the subheads you might be interested. so i consider it net negative change.

@swedishfrenchpress
Copy link
Collaborator

I’m a bit more neutral on this change than Matt, but I lean toward rolling it back. From a UI POV, the TOC feels a little heavy. I think that’s because the font weight is medium and it’s underlined, which makes it stand out more than anything else on the page.

I also didn’t really feel like scrolling was much of an issue. Each section feels pretty “light” since it’s narrow, centered, and easy to skim. The table of contents ends up being this thing you have to scroll past before getting to the actual valuable content. I’m pretty indifferent overall. If this is an improvement, it feels very marginal.

I’d consider putting it in an accordion so people can expand it if they want to use the TOC. I’m not sure I love having it expanded by default.

From a less-is-more and KISS philosophy, I’d probably skip it, but I don’t feel super strongly either way. I’ll leave it up to you guys and Yashraj if anyone else has strong feelings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants